<table data-options="fit:true" id="goodstype-manage"></table>
<script>
    $(function () {
        $('#goodstype-manage').datagrid({
            url: '../json/Goods_backGoodsType',
            loadMsg: '数据加载中...',
            fitColumns: true,
            rownumbers: true,
            striped: true,
            sortName: 'tid',
            sortOrder: 'asc',
            remoteSort: false,
            columns: [[
                {field: 'id', title: '', width: 30, align: 'center', checkbox: true},
                {field: 'tid', title: '分类编号', width: 100, align: 'center', sortable: true},
                {field: 'tType', title: '类别名称', width: 200, align: 'center'},
                {field: 'tContent', title: '类别说明', width: 500, align: 'center'}
            ]],
            toolbar: [{
                iconCls: 'icon-add',
                text: '添加',
                handler: function () {
                    $("#add_type").dialog("open");
                }
            }, '-', {
                iconCls: 'icon-remove',
                text: '删除',
                handler: function () {
                    alert('help');
                }
            }]
        });
    });

    function addTypeInfo() {
        var type = $("#gs-type").val().trim();
        var content = $("#gs-content").val().trim();
        $.ajax({
            url: "../json/Goods_addType",    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST",
            data: {
                "gst.tType": type,
                "gst.tContent": content,
            },
            success: function (data) {
                if (parseInt($.trim(data.obj)) >= 1) {
                    $.messager.show({
                        title: '成功提示',
                        msg: '添加信息成功！',
                        timeout: 3000,
                        showType: 'slide'
                    });
                    $("#add_type").dialog("close");
                    $("#gs-type").val("");
                    $("#gs-content").val("");
                    $('#goodstype-manage').datagrid("reload");
                } else {
                    $.messager.alert('错误提示', '添加信息失败,请稍后重试!', 'error');
                }
            }
        });
    }

</script>
<div class="easyui-dialog" data-options="iconCls:'icon-add',resizable:true,modal:true,closed:true" id="add_type" style="width:370px;height:270px;"
     title="添加商品分类">
    <div style="padding:10px 30px;">
        <p style="height:40px;line-height:40px;">
            <label for="gs-type">商品分类：</label>
            <input id="gs-type" style="padding:3px 5px;width:200px;" type="text"/>
        </p>
        <p style="position: relative;">
            <label for="gs-content" style="position: absolute;">详细说明：</label>
            <textarea id="gs-content" style="resize:none;padding:3px 5px;width:200px;height:100px;margin-left:65px;">
			</textarea>
        </p>
        <p style="height:40px;line-height:40px;text-align:center;">
            <input onclick="addTypeInfo()" style="padding:5px 25px;" type="button" value="添加">
        </p>
    </div>
</div>